﻿<script src="~/Scripts/thumpthumpbus.js"></script>
<script type="text/template" id="item-template">
<tr>
    <td>
        <h5><%= name %></h5>
    </td>
    <td>
        <h5><%= this.model.throwCount() %></h5>
   </td>
   <td>
       <h5><%= this.model.hitCount() %></h5>
   </td>
</tr>
</script>
<script type="text/template" id="incident-template">
    <li>
        <mark><%=this.model.AssailantName()%></mark>
        threw
        <mark><%=this.model.VictimName()%></mark>
        under the bus for:
        <mark><%=reason%></mark> 
        <input class="edit" type="submit" value="edit"/>
    </li>
</script>
<script type="text/template" id="person-select-template">
  <select>
          <% _(model).each(function(person) { %>
            <option value="<%= person.id %>"><%= person.name %></option>
        <% }); %>
    </select>
</script>
<table id="peopleTable" style="width: 250px; float: left;">
    <thead>
        <tr>
            <td>
                <h4>
                    Name</h4>
            </td>
            <td>
                <h4>
                    Throw Count</h4>
            </td>
            <td>
                <h4>
                    Hit Count</h4>
            </td>
        </tr>
    </thead>
</table>
<div id="reportIncidents" style="width: 500px; float: right;">
    <h3>
        Incident Report Form:</h3>
    <p>
        We know you want to do. Come on just tell us who messed up. Why not right? They
        probably deserve it anyway.
    </p>
    <h5>
        Assailant:</h5>
    <div id="assailantSelector">
    </div>
    <h5>
        Victim:</h5>
    <div id="victimSelector">
    </div>
    <h5>
        Reason:</h5>
    <input id="reasonInput" type="text" />
    <div>
        <input class="save" type="submit" value="Save" />
    </div>
</div>
<div id="incidentLog" style="clear: both;">
</div>
